@charset "UTF-8";
/* CSS Document */

body{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#4c4c4c; line-height:16px; background:url(../images/bg_body.gif) repeat;}
img{ border:none;}
ul{ list-style:none;}
input{ color:#4c4c4c;}
body, input, label, ul { margin:0; padding:0;}
hr{ color:#c4c4c4; margin:20px 0;}
a{ text-decoration:none; color:#4c4c4c;}
/*a:hover{ text-decoration:underline;}*/
h2{ font-size:20px; font-weight:bold; text-transform:uppercase; color:#00abea; padding:18px 0 0; margin:0;}
h3{ font-size:20px; font-weight:bold; text-transform:uppercase; padding:15px 0; margin:0;}
h5{ font-size:14px; font-weight:bold; text-transform:uppercase; color:#FFF; padding:0; margin:0;}
h6{ font-size:20px; font-weight:400; color:#FFF; padding:0; margin:0;}
.content_bottom h3{ font-size:20px; font-weight:bold; text-transform:uppercase; padding:20px 0; margin:0;}

.fl{ float:left;}
.fr{ float:right;}
.clr{ clear:both;}
.ofh{ overflow:hidden;}
.inline{ display:inline;}
.position_fixed{ position:relative;}
.position_fixed .button{ position:absolute; top:50%; left:50%; margin: -20px 0 0 -40px;}

.pd_all_s{ padding:5px;}
.pd_all_m{ padding:10px;}
.pd_tb_m{ padding:10px 0;}
.pd_tb_xl{ padding:20px 0;}
.pd_b_m{ padding:0 0 10px;}

.mgr_bot_m{ margin-bottom:10px;}
.mgr_bot_xl{ margin-bottom:20px;}

/*---text fixed---*/
.textleft{ text-align:left;}
.textcenter{ text-align:center;}
.textright{ text-align:right;}
/*---/end text fixed---*/

/*---font---*/
.font-s{ font-size:11px;}
.font-m{ font-size:14px;}
.font-l{ font-size:16px;}
.font-xl{ font-size:18px;}
/*---end font---*/

/*---color---*/
.blue_color{ color:#00aeef;}
.gray_color{ color:#9d9d9d;}
/*---end color---*/

h4, h4 a{ font-size:12px; font-weight:bold; color:#00aeef; margin:0; padding:0;}
h4 a:hover{ text-decoration:underline;}

.fix960{ width:960px; margin:0 auto; overflow:hidden;}

#container{}
#header{ min-height:160px;}
.top_header{ background:#2b2b2b; padding:12px 0 9px;}
.mid_header{ padding:44px 0 0;}
.slogan{ padding: 0 0 0 15px;}

.menu{ float:right;}
.menu ul{}
.menu li{ display:inline;}
.menu a{ font-size:20px; text-transform:uppercase; padding:0 15px; color:#949494; line-height:24px;}
.menu a:hover, .menu li.active a{ color:#00aeef;}

.community{ float:right;}
.community a{ width:26px; height:26px; display:inline-block; padding:0 4px;}
a.rss {background:url(../images/ico_rss.png) no-repeat;}
a.fb {background:url(../images/ico_fb.png) no-repeat;}
a.tw {background:url(../images/ico_tw.png) no-repeat;}


#content{}
.panel_left{ float:left; width:180px;}
.block_white{ background:#FFF; overflow:hidden;-moz-border-radius:.8em; -webkit-border-radius:.8em; border-radius:.8em; behavior: url('css/PIE/PIE.htc'); margin:0 0 20px;}
.panel_right .block_white{ background:#FFF; -moz-border-radius:.8em; -webkit-border-radius:.8em; border-radius:.8em; behavior: url('css/PIE/PIE.htc'); margin:0 0 20px; overflow:visible;}
.block_heading_black{ background:#000; color:#FFF; overflow:hidden; min-height:53px; padding:0 10px; line-height:22px;-moz-border-radius:.8em .8em 0 0; -webkit-border-radius:.8em .8em 0 0; border-radius:.8em .8em 0 0; behavior: url('css/PIE/PIE.htc');}

.login{ padding:10px; border-bottom:1px solid #cecece;}
.login .bg_textfield{ background:#f1f1f1; height:16px; padding:3px 5px; margin:0 0 12px;}
.login .textfield{ background:none; border:none; height:16px; line-height:16px;}

.login_btn{ overflow:hidden;}
.button_gray_login{ background:#a1a1a1 url(../images/arrow_right_white.png) no-repeat right 50%; -moz-border-radius:.3em; -webkit-border-radius:.3em; border-radius:.3em; behavior: url('css/PIE/PIE.htc'); height:20px; border:1px solid #8a8888; float:left; padding:0 12px 0 0;}
.button_gray_login a{ display:inline-block; line-height:22px; padding:0 10px; color:#FFF; text-transform:uppercase;}
.fix_psi01{ padding:77px 0 0 15px;}
.fix_psi02{ padding:100px 0 0 0;}
.link_login{ position:relative; left:-5px; padding:10px 0 0;}
.link_login a{ padding:0 5px;}
.link_login a:hover{ text-decoration:underline; color:#00aeef;}

.nav_left{ padding:10px;}
.nav_left .title{ text-transform:uppercase; border-bottom:1px dashed #cecece; padding:5px 0;}
.nav_left ul{ padding:10px 0;}
.nav_left li{ line-height:24px;}
.nav_left a{ font-size:12px; color:#4c4c4c; padding:0 0 0 17px;}
.nav_left a:hover { font-weight:bold; background:url(../images/arrow_right.png) no-repeat 0 0;}
.nav_left li.active { font-weight:bold; background:url(../images/arrow_right.png) no-repeat 0 5px; padding:0 0 0 17px;}

.panel_mid{ width:620px; float:left; margin-left:10px;}
.type{ border-bottom:1px solid #c4c4c4; margin:0 5px 15px;}
.type ul{ min-height:40px; position:relative; left:-10px;}
.type li{ display:inline; line-height:40px; font-size:14px;}
.type a{ color:#4c4c4c; padding:0 10px;}
.type a:hover{ font-weight:bold;}
.type li.active{ font-weight:bold; padding: 0 10px;}

.box_graphic{ overflow:hidden; width:620px;}
.box_graphic1{ overflow:hidden; width:410px;}
.graphic{ width:196px; overflow:hidden; padding:0 7px 25px 2px;}
.bg_graphic{ background:url(../images/bg_01.png) no-repeat; width:180px; height:199px; padding:6px 10px 0 6px;}
.bg_graphic:hover{ background:url(../images/bg_02.png) no-repeat;}
.bg_graphic .thumnb{ width:179px; height:131px;}
.bg_graphic .title{ padding:5px;}

.comment{ padding:0 3px;}
.comment ul{}
.comment li{ display:inline; padding:0 2px;}
.comment li span{ padding: 0 4px 0 0}
.rating{}
.rating ul{}
.rating li{ float:left; display:inline;}
.rating a{ padding:2px 5px;}
.rating a:hover{ color:#00aeef;}
.rating li.active span{ color:#00aeef; padding:2px 5px; font-weight:bold;}

.content_bottom{ min-height:230px; background:#242424; border-top:8px solid #00aeef; margin:20px 0 0; color:#919191;}

.swipe_gallery{ width:250px; height:142px; position:relative;}
.arrow_left a{ background:url(../images/arrow_swipe.png) no-repeat left 50%; width:12px; height:142px; position:absolute; left:0; top:0; display:block;}
.slide_gallery{ width:200px; height:130px; border:1px solid #2f2f2f; padding:5px; margin:0 auto;}
.arrow_right a{ background:url(../images/arrow_swipe.png) no-repeat right 50%; width:12px; height:142px; position:absolute; right:0; top:0; display:block;}

.link01{ color:#919191;}
.link01 ul{}
.link01 li{ padding:0 0 15px;}
.link01 a{ color:#919191;}
.link01 a:hover{ text-decoration:underline;}
.link01 a.more{ text-decoration:underline;}
.link01 a.more:hover{ color:#00aeef;}

.w180{ width:180px;}
.w190{ width:190px;}
.w195{ width:195px;}
.w320{ width:320px;}
.w360{ width:360px;}
.w400{ width:400px;}
.w420{ width:420px;}

.fix02{ padding: 0 2px 0 0;}
.fix03{ border-top:1px solid #c4c4c4; overflow:hidden; padding:10px 0; margin:0 5px;}
.fix158{ width:158px; margin:0 auto 10px;}
.fix04{}
.fix04 .title{ font-weight:bold; padding: 0 0 10px; text-transform:uppercase;}
.fix04 li{ background:url(../images/ico04.png) no-repeat 6px 4px ; padding:0 0 0 22px; padding-bottom:5px;}
.fix05{}
.fix06{ overflow:hidden; padding:10px 0;}
.fix07{ width:285px;}
.fix07_1{ width:500px;}
.fix08{ overflow:hidden; padding:0 0 5px;}
.fix09{ overflow:hidden; padding:0 0 5px 195px;}

.fixposition{ height:160px; position:relative; top:30px; margin: 0 45px 0 0; text-align:right; float:right; text-transform:uppercase;}
.bg_black{ background:#161717; padding:2px 7px;}
.fix_number_01{ font-size:48px; line-height:48px; font-weight:bold;}
.fix_number_02{ font-size:34px; line-height:34px; font-weight:bold;}

.p01{ position:absolute; right:0; top:0;}
.p02{ position:absolute; right:0; top:20px;}
.p03{ position:absolute; right:0; top:62px;}
.p04{ position:absolute; right:-45px; top:68px;}
.p05{ position:absolute; right:0; top:104px;}
.p06{ position:relative; top:140px;}

.panel_right{ float:right; width:140px;}
.selectbox{ background:#f1f1f1 url(../images/arrow_select.png) no-repeat right top; -moz-border-radius:.3em; -webkit-border-radius:.3em; border-radius:.3em; behavior: url('css/PIE/PIE.htc'); height:22px; line-height:22px; padding:0 0 0 5px; margin:10px 0;}
.selectbox1{ background:#f1f1f1 url(../images/arrow_select.png) no-repeat right top; -moz-border-radius:.3em; -webkit-border-radius:.3em; border-radius:.3em; behavior: url('css/PIE/PIE.htc'); height:22px; line-height:22px; padding:0 0 0 5px; margin-bottom:10px;}

.combobox_01{ margin-bottom:10px;}
.combobox_02{ margin:0;}

.tooltip{ background:url(../images/tooltip.png) no-repeat; width:148px; height:56px; position:relative; top:-10px;}
.tt_txt{ width:130px; height:30px; overflow:hidden; margin:0 auto; position: relative; top:9px;}
.position{ position:relative;}
.avatar{ width:90px; height:90px;}
.icon01{ position:absolute; bottom:0; left:100px;}
.name{ font-weight:bold; color:#00aeef; position:relative; top:10px;}
.bder_bot{ border-bottom:1px dashed #cecece; padding:15px 0;}
.icon02{}
.icon02 a{ margin: 0 6px 0 0;}
.avatar_s{ width:162px;}
.avatar_s a{ width:37px; height:37px; display:inline-block;}
.avatar_s a img{ width:37px; height:37px;}

.paging_arrow{ overflow:hidden; padding:5px 0;}
.paging_arrow ul{ width:29px; height:12px; overflow:hidden; float:right;}
.paging_arrow li{ background:none; padding: 0;}
.paging_arrow a{ width:5px; height:12px; display:inline-block; text-indent:-999px;}
.paging_arrow a.prev{ background:url(../images/arrow_paging.png) no-repeat left top;}
.paging_arrow a.next{ background:url(../images/arrow_paging.png) no-repeat right bottom;}
.paging_arrow a.prev:hover{ background:url(../images/arrow_paging.png) no-repeat left bottom;}
.paging_arrow a.next:hover{ background:url(../images/arrow_paging.png) no-repeat right top;}

.statistics{}
.statistics span{ margin-bottom:5px;}

.box_cm_list{ position:relative; border-bottom:1px solid #8d8d8d; padding:15px 0;}
.avatar_cm{ width:65px; height:65px; overflow:hidden; float:left; margin:0 15px 0 0; position:relative; top:2px;}
.avatar_cm img{ width:65px; height:65px;}
.comment_list{ overflow:hidden; min-height:65px;}
.comment_list p{ margin:0; padding:6px 0 0;}
.comment_list a{ color:#00aeef;}
.comment_list a:hover{ text-decoration:underline; }
.btn_close{ position:absolute; top:15px; right:0;}
.btn_close a{ background:url(../images/ico06.png) no-repeat; width:11px; height:11px; display:inline-block;}

.fix_textarea{ width:285px; float:left;}
.textarea{ width:280px; height:90px;}
.textarea_1{ width:498px; height:90px;}
.txt01{ padding:5px 0; text-align:right; clear:both; font-weight:bold;}
.button_gray{ background:#4a4a4a; -moz-border-radius:.3em; -webkit-border-radius:.3em; border-radius:.3em; behavior: url('css/PIE/PIE.htc'); height:20px;}
.button_gray a{ display:inline-block; line-height:22px; padding:0 10px; color:#FFF; text-transform:uppercase;}

.form_register{ padding:10px; font-size:13px;}
.form_register p{ padding:0 0 10px; margin:0;}
.txt02{ width:185px; line-height:26px; padding:0 10px 0 0;}
.txt02_1{ width:115px; line-height:26px; padding:0 10px 0 0;}
.fix_textfield{ width:230px; height:18px; border:1px solid #8d8d8d; padding:3px 5px;}
.form_register .textfield{ width:220px; height:18px; background:none; border:none; line-height:18px;}
.txt03{ width:145px; line-height:26px; padding:0 0 0 10px; color:#02a2dd;}
.txt03_1{ width:145px; padding:0 0 0 10px; font-size:11px; font-style:italic; position:relative; line-height:12px;}
.sp_txt{ clear:both; padding:5px 0 0 195px; font-style:italic;}
.fix09 .fix_textfield{ width:105px; height:18px; border:1px solid #8d8d8d; padding:3px 5px;}
.form_register .fix09 .textfield{ width:105px; height:18px; background:none; border:none; line-height:18px;}
.txt04{ line-height:26px;}
.txt04 a{ color:#00aeef;}P0
.txt04 a:hover{ text-decoration:underline;}
.captcha{ padding:10px 0;}

/*----detail----*/
.manager_account{ /*padding:10px 10px 0;*/padding:10px;}
.w400 .manager_account { padding:15px 0 0 ;}
.link_blue{ color:#00aeef;}
.link_blue a{ color:#00aeef; font-size:11px;}
.link_blue a.gray{ color:#4a4a4a; font-size:11px; font-weight:bold;}
.link_blue a:hover{ text-decoration:underline;}
.arrow_title{ background:url(../images/ico07.png) no-repeat 0 50%; min-height:40px; padding: 0 0 0 65px;}
.link02{ color:#FFF; font-size:13px;}
.link02 a{ color:#00aeef;}
.click_poo{ overflow:hidden; padding:20px 0;}
.link03{ width:300px; display:inline; float:left; text-align:right; margin:0 10px 0 0;}
.link03 a{ background:url(../images/ico08.png) no-repeat right top; display:block; padding:24px 0 0;}
.link03 a:hover{ color:#00aeef; }

.view_user .avatar{ width:44px; height:44px; margin: 0 0 0 10px;}
.view_user .avatar img{ width:44px; height:44px;}
.txt05{ line-height:normal; color:#FFF; padding:17px 0 0; margin: 0 0 0 10px;}
.view_user .icon01{ position:relative; top:0; right:0;}
.fix_ico01{ position:relative; top:25px;}
.detail{ padding:0 10px;}
.bg_transparent{ background:url(../images/bg_transparent.png); -moz-border-radius:.3em; -webkit-border-radius:.3em; border-radius:.3em; behavior: url('css/PIE/PIE.htc'); padding:10px; position:absolute; top:50%; left:50%; margin:-25px 0 0 -65px;}
.bg_transparent_1{ background:url(../images/bg_transparent.png); -moz-border-radius:.3em; -webkit-border-radius:.3em; border-radius:.3em; behavior: url('css/PIE/PIE.htc'); padding:10px 15px; position:absolute; top:50%; left:50%; margin:-20px 0 0 -30px;}
.bg_transparent_1 .community_fixed{ height:15px;}
.community_fixed{ height:30px;}
.community_fixed a{ width:30px; height:30px; display:inline-block; padding:0 5px;}
.community_fixed a.clear{ width:auto!important; height:auto!important; color:#FFF; font-size:18px;}
a.fb_l {background:url(../images/community_l.png) no-repeat left top;}
a.tw_l {background:url(../images/community_l.png) no-repeat center top;}
a.gg_l {background:url(../images/community_l.png) no-repeat right top;}

.title_icon{ padding: 4px 0 0 40px; font-size:22px;}
.ico03{ background:url(../images/ico10.png) no-repeat;}
.ontop{}
.ontop a{ background:url(../images/ico11.png) no-repeat right top; height:22px; line-height:30px; padding: 0 34px 0 0; display:inline-block;}
.ontop a:hover{ color:#00aeef;}

.slide_gallery_1{ padding:20px 0;}
.slide_gallery_1 .img{ width:102%; overflow:hidden;}
.slide_gallery_1 .img .thumnb{ width:190px; height:125px; float:left; margin:0 7px; position:relative; left:-6px;}
.slide_gallery_1 .img .thumnb img{ width:190px; height:125px;}
.nav_ico{ padding:15px 0 0;}
.nav_ico ul{}
.nav_ico li{ width:8px; height:8px; float:left; display:inline; margin: 0 0 0 4px;}
.nav_ico a{ background:url(../images/nav_ico.png) no-repeat left top; display:block; width:8px; height:8px;}
.nav_ico a:hover{ background:url(../images/nav_ico.png) no-repeat left bottom;}
.nav_ico li.active{ background:url(../images/nav_ico.png) no-repeat left bottom;}

/*----end detail*/

/**/
.volume{ height:16px; width:123px; margin-left:18px;}
.bg_vol_blue{ background:#00adef; height:16px; width:100%;
	-webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    behavior: url('css/PIE/PIE.htc');}
.bg_vol_white{ background:#FFF; height:16px; width:100%;
	-webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    behavior: url('css/PIE/PIE.htc');}
.available{}
.available span{}

.link04{ border-bottom:1px solid #848484; padding:10px 0; margin:0 0 15px;}
.link04 a{}

.button{ padding:15px 0 0;}
.button a{ display:inline-block; background:#4a4a4a; color:#FFF; font-size:12px; padding:7px 7px 3px;-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    behavior: url('css/PIE/PIE.htc');}
.button a.fix{ font-size:18px;}
.button a:hover{ background:#00adef;}
.edit_list_image{ overflow:hidden;}

.edit_list_image span{ margin-left:10px;}

.title_01{ font-size:12px; font-weight:bold; text-transform:uppercase; padding:0 0 10px;}
.manager_account .title{ font-size:12px; font-weight:bold; text-transform:uppercase; border-bottom:1px dashed #cecece; padding:5px 0; background:url(../images/arrow_left.png) no-repeat right 5px;}
.fix_textfield_1{ width:388px; height:18px; border:1px solid #8d8d8d; padding:3px 5px;}
.fix_textfield_1 .textfield{ width:388px; height:18px; background:none; border:none; line-height:18px; font-weight:bold;}

.fix_textarea_1{}
.fix_textarea_1 .textarea{ width:394px; height:50px;}
.fix_box_img_edit{ width:398px; height:248px; border:1px solid #8d8d8d; background:#eaeaea;}



#footer{ background:#000; padding:12px 0; color:#505050;}
.copyright{}
.copyright a{ color:#505050;}
.copyright a:hover{ color:#00aeef;}
.menu_footer{ position:relative; right:-10px;}
.menu_footer ul{}
.menu_footer li{ float:left;}
.menu_footer a{ padding:0 10px; color:#505050;}
.menu_footer a:hover{ color:#00aeef;}

.select {
	position: absolute;
	height: 22px;
	padding: 0 24px 0 5px;
	color: #333333;
	font: 12px/21px arial,sans-serif;
	overflow: hidden;
	background:#f1f1f1 url(../images/arrow_select.png) no-repeat scroll right top;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    behavior: url('css/PIE/PIE.htc');
}

.select_hover{
	background:#f1f1f1 url(../images/arrow_select.png) no-repeat scroll right bottom;
}
select{ cursor:pointer;}
option{color: #4c4c4c; background:#f1f1f1; border:none; font: 12px/21px arial,sans-serif; padding:4px 7px;}
